	
	<div class="row">
		<div class="box">
			<div class="box-body">
			   <Avenger>
			       <div class="form-horizontal">
			           <div class="form-group">
			               <label class="col-lg-1 music-label control-label">歌曲编号</label>
			               <div class="col-lg-3">
			                  <input type="text" class="form-control bg-color" id="music_code2" name="music_code2" >
			               </div>
			               
			               <label class="col-lg-1 music-label control-label">歌曲名称</label>
			               <div class="col-lg-3">
			                  <input type="text" class="form-control bg-color" id="music_name2" name="music_name2" >
			               </div>
			               
			               <label class="col-lg-1 music-label control-label">演唱人</label>
			               <div class="col-lg-3">
			                  <input type="text" class="form-control bg-color" id="sing_personnel2" name="sing_personnel2" >
			               </div>
			            </div>
			            
			            <div class="form-group">   
			              <!--  <label class="col-lg-1 music-label control-label">歌曲类型</label>
			               <div class="col-lg-3">
			                  <input type="text" class="form-control bg-color"  id="music_type2" name="music_type2" >
			               </div> -->
			               
			               <label class="col-lg-1 music-label control-label">创建人</label>
			               <div class="col-lg-3">
			                  <input type="text" class="form-control bg-color" id="creat_user_name2" name="creat_user_name2" >
			               </div>
			               
			               <label class="col-lg-1 music-label control-label">歌词来源</label>
			               <div class="col-lg-3">
			                  <input type="text" class="form-control bg-color" id="music_source2" name="music_source2" >
			               </div>
			           </div>
			           
			           <div class="form-group">   
			               <label class="col-lg-1 music-label control-label">创建时间</label>
			               <div class="col-lg-3">
			                  <input type="text" class="form-control bg-color" id="create_timestamp2" name="create_timestamp2" >
			               </div>
			           </div>
			           <div class="form-group">   
			               <label class="col-lg-1 music-label control-label">歌曲文件</label>
			               <a id="music_path2" style="cursor: pointer;text-decoration:none; padding-left:15px; padding-top: 7px;display: inline-block;">点击下载</a>
			           </div>
			           <div class="form-group">   
			               <label class="col-lg-1 music-label control-label">歌词文件</label>
			               <a id="lyric_path2" style="cursor: pointer;text-decoration:none; padding-left:15px; padding-top: 7px;display: inline-block;">点击下载</a>
			           </div>
			           <div class="form-group">   
			               <label class="col-lg-1 music-label control-label">歌曲地址</label>
			               <a id="music_url2" name="music_url2" target="_blank" style="cursor: pointer;text-decoration:none; padding-left:15px; padding-top: 7px;display: inline-block;"></a>
			           </div>
			           <div class="form-group">   
			               <label class="col-lg-1 music-label control-label">MV地址</label>
			               <a id="mv_url2" name="mv_url2" target="_blank" style="cursor: pointer;text-decoration:none; padding-left:15px; padding-top: 7px;display: inline-block;"></a>
			           </div>
			           <div class="form-group">   
			               <label class="col-lg-1 music-label control-label">歌曲背景</label>
			               <img id="img" style="width:200px;height:200px;margin-left: 20px;padding-top: 7px;" src="">
			           </div>
			       </div>
			   </Avenger>
		        <!-- 
				<Avenger>
				
				<div class="col-lg-3 col-md-6 col-sm-6 col-xs-12 ">
	              	<div class="form-group ">
		              	 歌曲编号<input type="text" class="form-control  bg-color"  id="music_code2" name="music_code2" >
	              	</div>
		         </div>
		         <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
	              	<div class="form-group">
		                                          歌曲名称<input type="text" class="form-control bg-color"  id="music_name2" name="music_name2" >
	              	</div>
		        </div>
				
				<div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
	              	<div class="form-group">
		                                          演唱人<input type="text" id="sing_personnel2" class="form-control bg-color" name="sing_personnel2">
	              	</div>
		        </div>
				
				<div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
	            	<div class="form-group">
	             	歌曲类型<input id="music_type2" type="text"  class="form-control bg-color" name="music_type2"/> 
	                </div>
		        </div>
		         
		        <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
	              	<div class="form-group">
		              	
		              	创建人<input id="creat_user_name2" type="text" class="form-control bg-color" name="creat_user_name2"/>
	              	</div>
		         </div>         		       
		         
		         <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
	              	<div class="form-group">
		                                         歌词来源<input id="music_source2" type="text"  class="form-control bg-color" name="music_source2" /> 
	              	</div>
		         </div>
		         
		         <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
	              	<div class="form-group">
		                                          创建时间<input type="text" class="form-control bg-color" id="create_timestamp2" name="create_timestamp2">
	              	</div>
		         </div>
		         
		         <div class="col-lg-10 col-md-6 col-sm-6 col-xs-12">
	              	<div class="form-group">
		               	 歌曲文件<a id="music_path2">点击下载</a>
	              	</div>
		         </div>
		         
		         <div class="col-lg-10 col-md-6 col-sm-6 col-xs-12">
	              	<div class="form-group">
		                                        歌词文件<a id="lyric_path2">点击下载</a>
	              	</div>
		         </div>
		         
		         <div class="col-lg-10 col-md-6 col-sm-6 col-xs-12">
	              	<div class="form-group">
		                                          歌曲地址<a id="music_url2" name="music_url2" target="_blank"></a>
	              	</div>
		         </div>
		         
		         <div class="col-lg-10 col-md-6 col-sm-6 col-xs-12">
	              	<div class="form-group">
		                MV地址<a id="mv_url2" name="mv_url2" target="_blank"></a>
	              	</div>
		         </div>
		         
		          <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
	              	
                  <div class="form-group">
		                                          歌曲背景<img id="img" style="width:300px;height:200px" src="">
	              	</div>


		         </div>
				 </Avenger>
				  -->
			</div>
		</div>
	</div>
<script type="text/javascript">
//父页面参数

var music_id = showMusicInfoDialog.getData('music_id');
var info;
$(function(){
	//获取歌曲信息
	getMusicInfo();
	//flag父页面来的标示 look查看 edit编辑
	$('#music_code2').val(info.music_code2);
	$('#music_name2').val(info.music_name2);
	$('#sing_personnel2').val(info.sing_personnel2);
	//$('#music_type2').val(info.music_type2);
	$('#creat_user_name2').val(info.creat_user_name2);
	$('#music_source2').val(info.music_source2);
	$('#create_timestamp2').val(info.create_timestamp2);	
	var str = "http";
	if(typeof(info.music_url2)!="undefined"){
		if(info.music_url2.indexOf(str) != -1){
			$("#music_url2").attr("href",info.music_url2);
		}else{
			$("#music_url2").attr("href",str + "://" + info.music_url2);
		}
		$('#music_url2').text(info.music_url2);
	}
	
	if(typeof(info.mv_url2)!="undefined"){
		if(info.mv_url2.indexOf(str) != -1){
			$("#mv_url2").attr("href",info.mv_url2);
		}else{
			$("#mv_url2").attr("href",str + "://" + info.mv_url2);
		}
		$('#mv_url2').text(info.mv_url2);
	}
	
	$('#img').attr('src',global_param.context_name+info.pic_path2)
	if(info.music_path2 != null ){
		$('#music_path2').attr("download", info.music_name2+"."+info.music_path2.split('.')[1]);
		$('#music_path2').attr("href", global_param.context_name+info.music_path2);
	}else{
		$('#music_path2').attr("download", info.music_name2+"."+info.music_reduce_path2.split('.')[1]);
		$('#music_path2').attr("href", global_param.context_name+info.music_reduce_path2);
	}
	
	$("Avenger input").prop("readonly", true);
	
	if(typeof(info.lyric_path2)=="undefined"){
		document.getElementById("lyric_path2").style.display = "none";
	}else{
		$('#lyric_path2').attr("download",info.music_name2+"."+info.lyric_path2.split('.')[1]);
		$('#lyric_path2').attr("href",global_param.context_name+info.lyric_path2);
	}
	
})
//歌曲信息
function getMusicInfo(){
	$.ajax({
    	async: false,
    	url : global_param.context_name + '/song/LookAndEdit', 
		type : 'post', 
		data : {"music_id" : music_id},
		success: function(data){	
			info = data;
			//console.log(info)
		}  
  	});
}

function audition(){
	var geci = '[00:01.92]';
	var beijing = '';
	var mv = '#';
	var ys = '';
	if(typeof(info.songContent) != 'undefined'){
		geci = info.songContent;
	}
	if(typeof(info.pic_path2) != 'undefined'){
		beijing = info.pic_path2;
	}
	if(typeof(info.mv_url2) != 'undefined'){
		mv = info.mv_url2;
	}
	if(typeof(info.music_reduce_path2) != 'undefined'){
		ys = info.music_reduce_path2;
	}

	//var url=global_param.context_name+"/static/html/musicManage/listenMusic.html?music_url="+info.music_path2+"&songContent="+geci+"&pic_path="+beijing+"&mv="+mv+"&music_reduce_path="+info.music_reduce_path2+"&mName="+info.music_name2+"&sing_personnel2="+info.sing_personnel2;//转向网页的地址;
	var jsonData = JSON.stringify(info);
	var url=global_param.context_name+"/static/html/musicManage/listenMusic.html?musicBeanDT="+jsonData;
	var name='audition';//网页名称，可为空;
    var iWidth=400;//弹出窗口的宽度;
    var iHeight=750;//弹出窗口的高度;
    //获得窗口的垂直位置
    var iTop = (window.screen.availHeight - 30 - iHeight) / 2;
    //获得窗口的水平位置
    var iLeft = (window.screen.availWidth - 10 - iWidth) / 2;
    window.open(encodeURI(url), name, 'height=' + iHeight + ',innerHeight=' + iHeight + ',width=' + iWidth + ',innerWidth=' + iWidth + ',top=' + iTop + ',left=' + iLeft + ',status=no,toolbar=no,menubar=no,location=no,resizable=1,scrollbars=0,titlebar=no'); 
}



</script>